@CHARSET "UTF-8";
/**{border:1px solid lime;}*/
#window_canvas {
	width: 350px;
	height: 350px;
	background-color: #a5a5a5;
	float: left;
}

#window_wrap {
	width: 500px;
	padding-top: 100px;
}

#horizontal_slider_wrap {
	width: 350px;
	padding: 0px 10px;
	float: left;
}

#vertical_slider_wrap {
	height: 347px;
	float: left;
	padding: 20px;
	display: block;
	padding-right: 0px;
	margin-right: 20px;
	padding-top: 0px;
	padding-bottom: 40px;
}

#vertical_slider {
	height: 500px;
}

#window_type_canvas,#window_profile_canvas {
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 1px solid skyblue;
}

#window_type_canvas {
	/*height: auto;*/
	padding: 10px 0px;
}

#window_type_dialog img {
	cursor: pointer;
	padding: 2px;
}

#window_type_dialog img:hover {
	padding: 1px;
	border: 1px solid red;
}

#myModal img {
	cursor: pointer;
	padding: 2px;
}

#myModal img:hover {
	padding: 1px;
	border: 1px solid red;
}

#profile_radio {
	width: 150px;
}

.redio_group>#yes {
	
}

#laminat_canvas {
	width: 300px;
	display: block;
}

.laminat_item {
	width: 60px;
	height: 60px;
	background-color: #a1a1a1;
	float: left;
	margin: 2px;
	cursor: pointer;
}

.laminat_item:hover {
	margin: 2px;
	/*border: 2px solid red;*/
	box-shadow: 0 0 15px skyblue;
}

.clr_bth {
	clear: both;
	text-align: right;
	padding: 10px;
	background-color: whitesmoke;
}

#window_wrap {
	float: left;
}

#params_wrap {
	float: left;
	/*margin-left: 40px;*/
	width: 300px
}
/*
#step-1{
	display: inline-block;
}
*/
.ui-button {
	border: 3px solid black;
}

#calc_pane {
	display: block;
	width: 850px;
	overflow: hidden;
}
/*
#step-1 {
	width: 890px;
	float: left;
}

#step-2 {
	width: 890px;
	float: left;
}
*/
#steps {
	width: 3900px;
}

#button-step-2 {
	cursor: pointer;
}

.slider.slider-vertical div.slider-selection {
	background-image: url('images/rullerv.png');
	background-position-y: -10px;
}

.slider.slider-horizontal div.slider-selection {
	background-image: url('images/ruller2.png');
	background-position: top right;
	margin-left: 4px;
}

.slider.slider-vertical .slider-handle {
	background-image: url('images/bulv.png');
	background-color: initial;
	border-radius: 0;
	width: 32px;
	margin-left: 0px;
	margin-top: -3px;
}

.slider.slider-horizontal .slider-handle {
	background-image: url('images/bul.png');
	background-color: initial;
	border-radius: 0;
	height: 32px;
	margin-left: -10px;
	margin-top: 0px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: top right;
}

.slider.slider-vertical .slider-track {
	width: 32px;
}

.slider.slider-horizontal .slider-track {
	height: 32px;
}

.btn.active {
	background-color: red;
	color: white;
}

.btn:hover {
	background-color: rgba(102, 180, 252, 0.5);
}

#window_type_canvas:hover,#window_profile_canvas:hover,.profile-item:hover
	{
	box-shadow: 0 0 10px skyblue;
}

.item-row {
	display: table-row;
	/* margin: 0 auto; */
}

.profile-item {
	display: table-cell;
	vertical-align: bottom;
	padding: 24px 24px;
	cursor: pointer;
}

.item-table {
	margin: 20px auto;
	display: table;
	text-align: center;
}

#window_type>h4 {
	width: 120px;
	float: left;
}

#step-1>div.line-1 {
	padding: 20px;
}

}
* {
	/* border: 1px solid; */
	
}

#params_wrap {
	margin-top: -109px;
}

#window_type {
	display: inline-block;
}

#step-1>div.line-1 {
	padding: 20px;
	float: left;
	width: 505px;
	text-align: center;
}

#window_wrap {
	padding-top: 10px;
}

.modal-body {
	text-align: left;
}

.step {
	/* width: 200px; */
	
}

.step {
	width: 850px;
	float: left;
	padding: 20px;
}

div.laminat_item.active {
	border: 2px solid red;
}

div.profile-item.active {
	border: 2px solid red;
	padding: 22px 22px;
}

.steps-canvas {
	/*border:1px black solid;*/
	height: 550px;
	overflow: hidden;
}

.button-step {
	cursor: pointer;
	padding: 4px;
}

.button-step-next {
	padding-right: 20px;
	padding-left: 11px;
	float: right;
}

.button-step-next:hover {
	/* background-color: red; */
	color: #ffffff;
	background-image: url('images/nav-next.png');
	background-position: right;
}

.button-step-prev {
	padding-right: 11px;
	padding-left: 20px;
	/*margin-left:12px;*/
	float: left;
}

.button-step-prev:hover {
	/* background-color: red; */
	color: #ffffff;
	background-image: url('images/nav-prev.png');
	background-position: left;
}

.laminat-h4 {
	margin-top: 24px;
}

.hlimit {
	margin: 4px;
	margin-top: 11px;
}

#window_width {
	float: initial;
	margin-top: 7px;
	margin: 0px auto;
	display: block;
	margin-top: 45px;
}

#vmax {
	width: 73px;
	border-bottom: 1px grey solid;
}

#vmin {
	border-top: 1px solid grey;
}

#horizontal_slider_wrap {
	padding-left: 132px;
	width: 473px;
}

.options-div {
	float: left;
	padding-right: 10px;
}

div.laminat_item:nth-child(1){
	background-color: blue;
}
div.laminat_item:nth-child(2){
	background-color: cyan;
}
div.laminat_item:nth-child(3){
	background-color: green;
}
div.laminat_item:nth-child(4){
	background-color: yellow;
}
div.laminat_item:nth-child(5){
	background-color: lime;
}
div.laminat_item:nth-child(6){
	background-color: grey;
}
div.laminat_item:nth-child(7){
	background-color: white;
}
div.laminat_item:nth-child(8){
	background-color: skyblue;
}
div.laminat_item:nth-child(9){
	background-color: aqua;
}
div.laminat_item:nth-child(10){
	background-color: antiquewhite;
}
div.laminat_item:nth-child(11){
	background-color: blueviolet;
}
div.laminat_item:nth-child(12){
	background-color: chartreuse;
}
div.laminat_item:nth-child(13){
	background-color: coral;
}
div.laminat_item:nth-child(14){
	background-color: darkcyan;
}
div.laminat_item:nth-child(15){
	background-color: darkblue;
}
div.laminat_item:nth-child(16){
	background-color: ;
}
